import { brotliCompressSync } from "zlib";

/**
 * Node：是所有节点必须继承的接口
 */
const body = document.body;
const childs = document.body.childNodes;
const div = document.createElement('div');
const newDiv = document.createElement('div');
body.appendChild(div);
// 插入到第一个元素
body.insertBefore(newDiv, body.firstChild);
// 相当于插入到最后一个位置
body.insertBefore(newDiv, null);
// 将第一个元素替换成想要的元素
body.replaceChild(newDiv, body.firstChild);
// 删除第一个元素
body.removeChild(body.firstChild);

/**
 * 
 */
/* const m = new MutationObserver((list) => console.log(list));
m.observe(document.body, {
  attributes: true,
});
document.body.id = 'demo';
console.log('update class!'); */
let observer = new MutationObserver(() => console.log('<body> attributes changed'));
observer.observe(document.body, { attributes: true });
document.body.className = 'foo';
console.log('Changed body class');